<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>x6002z的个人网站</title>
    <link href="css/base.css" type="text/css" rel="stylesheet">
    <link href="css/main.css" type="text/css" rel="stylesheet">

    <!--<script type="text/javascript" async="" src="js/domove.js"></script>-->

</head>

<body>
    <!--加载动画-->
    <!--<div id="body">-->
    <!--<div id="gdt" style="width: 5px; z-index: 10000; cursor: default; position: fixed; top: 0px; height: 100%; right: 0px; opacity: 1;">
        <div style="position: relative; top: 603px; float: right; width: 5px; height: 114px; border: 0px solid rgb(255, 255, 255); border-radius: 0px; background-color: rgb(51, 51, 51); background-clip: padding-box;">
        </div>
    </div>-->
    <div class="yjz" id="loading">
        <div class="img1">
            <img src="images/loading.gif">
        </div>
    </div>
    <!--加载动画-->
    <!--banna-->
    <div id="head" name="head">
        <ul class="ban">
            <li class="l1">
                <div class="text">
                    <img src="images/logo.png" class="logo">
                    <div class="txt">涅槃重生</div>
                    <hr>
                    <p>做　最　新　的　自　己</p>
                </div>
            </li>
            <li class="l2">
                <div class="text">
                    <img src="images/logo.png" class="logo">
                    <div class="txt">涅槃重生</div>
                    <hr>
                    <p>做　最　新　的　自　己</p>
                </div>
            </li>
            <!--<li class="img" data-background="images/page2.jpg">
                <div class="opacity"></div>
                <div class="content">
                    <div class="text">-->
            <!--<div class="dream"></div>-->
            <!--<div class="txt_en web-font">DREAM</div>

                        <p>-->
            <!--<img src="images/new_me.png">-->
            <!--为　梦　想，　不　休　不　止</p>-->
            <!--</div>
                </div>
            </li>-->

        </ul>
        <!--<div class="arrow-down">
                <a href="#about"></a>
            </div>-->
    </div>

    <!--banna结束-->

    <!--吸顶条-->
    <div id="tmenu">
        <div class="menu-content clearfix">
            <div class="zdlogo">
                <a href="/"><img src="images/logo.png" /></a>
            </div>
            <ul class="nav clearfix">
                <li><a href="#about">简历</a></li>
                <!--target="_blank"-->
                <!--<li><a href="blog" target="_blank">博客</a></li>-->
                <li><a href="#me">关于</a></li>
                <li><a href="#works">案例</a></li>
                <li><a href="#contact">联系</a></li>
            </ul>
            <div class="caidan"></div>
        </div>
        <ul class="lieb">
            <li><a href="#about">简历</a></li>
            <!--target="_blank"-->
            <!--<li><a href="blog" target="_blank">博客</a></li>-->
            <li class=""><a href="#me">关于</a></li>
            <li><a href="#works">案例</a></li>
            <li><a href="#contact">联系</a></li>
        </ul>
    </div>
    <!--关于我-->
    <div id="about" name="about">

        <!--真*吸顶条-->
        <div id="fmenu">
            <div class="menu-content clearfix">
                <div class="zdlogo">
                    <a href="/"><img src="images/logo.png" /></a>
                </div>
                <ul class="nav clearfix">
                    <li><a href="#about">简历</a></li>
                    <!--target="_blank"-->
                    <!--<li><a href="blog" target="_blank">博客</a></li>-->
                    <li><a href="#me">关于</a></li>
                    <li><a href="#works">案例</a></li>
                    <li><a href="#contact">联系</a></li>
                </ul>
                <div class="caidan"></div>
            </div>
            <ul class="lieb">
                <li><a href="#about">简历</a></li>
                <!--target="_blank"-->
                <!--<li><a href="blog" target="_blank">博客</a></li>-->
                <li class=""><a href="#me">关于</a></li>
                <li><a href="#works">案例</a></li>
                <li><a href="#contact">联系</a></li>
            </ul>
        </div>
        <!--吸顶条结束-->
        <div class="about" id="me" name="me">
            <div id="hold">

            </div>
            <div class="mecon">
                <h2>ABOUT ME</h2>
                <h3>关于·我</h3>
                <span class="line"></span>
                <p>热衷于新技术的学习和探讨，热衷页面布局。崇尚化繁为简理念</p>
                <p>对互联网发展趋势高兴趣关注，积极配合开发同事完成工作</p>
                <a href="resume.html" target="_blank" class="resume">我的简历</a>
                <ul class="skill clearfix">
                    <li>
                        <div class="con">
                            <div class="box">
                                <div class="yuan"><a class="aa">PS</a><a class="bb">95%</a></div>
                            </div>
                        </div>
                        <span>Photoshop</span>
                    </li>
                    <li>
                        <div class="con">
                            <div class="box">
                                <div class="yuan">
                                    <a class="aa">CS</a><a class="bb">95%</a></div>
                            </div>
                        </div>
                        <span>Html+css</span>
                    </li>
                    <li>
                        <div class="con">
                            <div class="box">
                                <div class="yuan"><a class="aa">JS</a><a class="bb">75%</a></div>
                            </div>
                        </div>
                        <span>Javascript</span>
                    </li>
                    <li>
                        <div class="con">
                            <div class="box">
                                <div class="yuan"><a class="aa">H5</a><a class="bb">95%</a></div>
                            </div>
                        </div>
                        <span>Html5+css3</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--</div>-->
    <div class="works" name="works" id="works">
        <div class="mecon whei">
            <h2>MY WORKS</h2>
            <h3>精选·案例</h3>
            <span class="line"></span>
            <p>少即是多 化繁为简 做到极致 作品即自己</p>
            <p>好案例背后 是专注</p>
            <ul class="cases clearfix" id="case">
                <li>
                    <a target="_blank" href="https://x6002z.github.io/">
                        <div>
                            <p>主页</p>
                        </div>
                        <img src="images/logo.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <div>
                            <p>hahah</p>

                        </div>
                        <img src="images/page1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <div>
                            <p>hahah</p>

                        </div>
                        <img src="images/page1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <div>
                            <p>hahah</p>

                        </div>
                        <img src="images/page1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <div>
                            <p>hahah</p>

                        </div>
                        <img src="images/page1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <div>
                            <p>hahah</p>

                        </div>
                        <img src="images/page1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <div>
                            <p>hahah</p>
                        </div>
                        <img src="images/page1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <div>
                            <p>hahah</p>

                        </div>
                        <img src="images/page1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <div>
                            <p>hahah</p>

                        </div>
                        <img src="images/page1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <div>
                            <p>hahah</p>

                        </div>
                        <img src="images/page1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <div>
                            <p>hahah</p>

                        </div>
                        <img src="images/page1.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <div>
                            <p>hahah</p>

                        </div>
                        <img src="images/page1.jpg" alt="">
                    </a>
                </li>
            </ul>
            <!--<a href="resume.html" target="_blank" class="resume">MORE</a>-->
        </div>

    </div>
    <div class="contact" id="contact" name="contact">
        <div class="mecon whei">
            <h2>CONTACT</h2>
            <h3>联系·我</h3>
            <span class="line"></span>
            <p>席不正 不坐</p>
            <p>简单做人，用心做事</p>
            <div class="call clearfix">
                <div class="left"><img src="images/wx.jpg" alt=""></div>
                <div class="right">
                    <p>张翔:<br>18663053352</p>
                    <p>邮箱:<br>x6002z@163.com</p>
                    <p>QQ:<br>1239576667</p>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <p>THANKS</p>
        <a href="#" class="resume top1">TOP</a>
    </footer>
    <div class="bottom"></div>
    <script type="text/javascript" src="js/1.js"></script>
</body>

</html>